<template>
  <div class="class">
      <a href="#" v-for="(v,i) in arr" :key="i">
          <img :src="v.src" alt="">
          <p>{{v.words}}</p>
      </a>
  </div>
</template>

<script>

export default {
  // 接收数据
  computed:{
    arr(){
      if(this.$store.state.Fenlei.class.length!=0){
          return this.$store.state.Fenlei.class
      }else{
          return null;
      }
    }
  }
}
</script>

<style scoped>
.class{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}
a{
    width: 45rem;
    height: 64rem;
    text-align: center;
    margin: 15rem 13rem 0 13rem;
}
img{
    width: 45rem;
    height: 45rem;
    border-radius: 50%;
    margin-bottom: 6rem;
}
p{
    font-size: 12rem;
}
</style>